<template>
    <div>
        <headNav title="校园监控"></headNav>
        <div id="tcPlayer" class="tcPlayer"></div>
    </div>
</template>
<script>
import '../../../static/js/TcPlayer'
import headNav from '@/components/headNav/headNav'
export default {
    components: {
        headNav
    },
    mounted () {
       var player = new TcPlayer('tcPlayer', {
"m3u8": "http://rtsp.xueerqin.net/live/12345.m3u8", //请替换成实际可用的播放地址
"autoplay" : true,      //iOS 下 safari 浏览器，以及大部分移动端浏览器是不开放视频自动播放这个能力的
"poster" : "http://www.test.com/myimage.jpg",
"width" :  '480',//视频的显示宽度，请尽量使用视频分辨率宽度
"height" : '320'//视频的显示高度，请尽量使用视频分辨率高度
});
    }
}
</script>
<style scoped>
.tcPlayer{
    width: 100%;
    height: 60%;
}
</style>